body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 14px; line-height: 1.5; color: rgba(34, 47, 62, .7); height: 100vh; margin: 0; }
button { font: inherit; line-height: 24px; cursor: pointer; outline: none; }
button:disabled { cursor: not-allowed; }
.button { color: #222f3e; padding: 4px 16px; background-color: #f0f0f0; border: solid 1px #f0f0f0; border-radius: 3px; }
.button:hover { color: #222f3e; background-color: #e3e3e3; border-color: #e3e3e3; }
.button:disabled { color: rgba(34, 47, 62, .5); background-color: #f0f0f0; border-color: #f0f0f0; }
.button + .button { margin-left: 4px; }
.primary { color: #fff; background-color: #207ab7; border-color: #207ab7; }
.primary:hover { color: #fff; background-color: #1c6ca1; border-color: #1c6ca1; }
.header, .footer { padding: 8px 16px; display: flex; justify-content: space-between; }
.header { border-bottom: 1px solid #ccc; }
.footer { border-top: 1px solid #ccc; }
.tip { margin-left: 4px; }
.main { height: calc(100vh - 102px); overflow-y: auto; }
.list { list-style: none; padding: 8px; margin: 0; display: flex; flex-wrap: wrap; }
.item { width: 132px; margin: 8px; position: relative; }
.item::after { content: ""; width: 32px; height: 32px; position: absolute; top: 6px; right: 6px; z-index: 1; border-radius: 32px; }
.item[data-state="0"]:after {background: #909399 url(./images/await.png) no-repeat 50%}
.item[data-state="1"]:after {background: #fff url(./images/loading.gif) no-repeat 50%}
.item[data-state="2"]:after {background: #67c23a url(./images/success.png) no-repeat 50%}
.item[data-state="-1"]:after {background: #f56c6c url(./images/error.png) no-repeat 50%}
.image { width: 128px; height: 128px; object-fit: scale-down; padding: 1px; border: solid 1px #ccc; }
.name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.remove { position: absolute; top: 6px; right: 6px; z-index: 2; cursor: pointer; display: none; }
.item:hover .remove {width: 32px;height: 32px;background: #207ab7 url(./images/remove.png) no-repeat 50%;border-radius: 32px;display: block}